<template>
  <div class="swiper-container bb">
    <div class="swiper-wrapper">
      <div class="swiper-slide cc">
        <img src="/static/lyl/swiper.png" alt="">
      </div>
      <div class="swiper-slide cc">
        <img src="/static/lyl/swiper.png" alt="">
      </div>
      <div class="swiper-slide cc">
        <img src="/static/lyl/jifei.png" alt="">
      </div>
    </div>
    <div class="swiper-pagination"></div>
  </div>
</template>

<script>
  import Swiper from 'swiper'
    export default {
      name: "Swiper-my2",
      mounted(){
        new Swiper('.bb',{
          pagination: {
            el: '.swiper-pagination',
          },
          autoplay: {
            delay: 3000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
            waitForTransition: false,
          },
        });
      }
    }
</script>

<style scoped>
  .cc img{
    width: 100%;
    height: auto;
  }
</style>
